<template>
  <container>
    <ul class="notice-list">
      <li v-for="_ in 10" class="pb-20 mb-20">
        <div class="title">消息通知</div>
        <div class="time">2024-09-29</div>
        <div class="content">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum voluptatem ipsa iste corrupti aliquid? Enim
          esse facere voluptate itaque vero laudantium, error id sunt quis hic quibusdam beatae inventore eaque
          exercitationem, commodi natus non a quam eligendi ea. Eos aut nisi voluptatibus dolore excepturi libero ipsum.
          Eaque libero excepturi illum numquam fugit saepe distinctio quaerat eius quod accusamus! Deserunt aliquam
          rerum labore maxime veniam error nam dolorum unde ex doloremque. Nisi, consectetur. Veritatis voluptatem
          libero neque eaque molestiae? Eveniet, voluptatem.
        </div>
      </li>
    </ul>
  </container>
</template>

<script setup lang="ts">
import container from '@/components/container';
</script>

<style lang="scss" scoped>
.notice-list {
  list-style: none;

  li {
    border-bottom: 1px solid #eee;
  }

  .title {
    font-weight: 700;
    font-size: 16px;
  }
  .time {
    margin: 8px 0;
    color: #999;
    font-size: 14px;
  }
  .content {
    color: #999;
    font-size: 14px;
  }
}
</style>
